.order{
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
    font-size: .32rem;
    .topTatal {
        box-sizing: border-box;
        position: relative;
        padding-top: 24px;
        .totalItem {
            .title {
                font-size: .36rem;
                line-height: 1.2;
                color: #ff9793;
                text-align: center;
            }
            .orderNumber {
                text-align: center;
                line-height: 1.2;
                font-size: .64rem;
                color: #ff9793;
                font-weight: 600;
            }
        }
    }
    .targetBox {
        height: 16%;
        line-height: .45rem;
        color: #ff9793;
        width: 94%;
        margin: .2rem auto;
        padding: 0 7%;
        padding-top: .2rem;
        line-height: .55rem;  
        box-sizing: border-box;
        background: url() no-repeat center center;
        background-size: 100% 100%;
        .price {
            font-weight: 600;
            font-size: .4rem;
        }
        .finish {
            text-align: center;
        }
    }
    .order_scroll_box{
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-top: 1px solid #ccc;
        .noMsgTip {
            width: 100%;
            text-align: center;
            position: absolute;
            top: 50%;
            transform:translateY(-50%); 
            -webkit-transform:translateY(-50%); 
            -o-transform:translateY(-50%); 
            -moz-transform:translateY(-50%); 
            -ms-transform:translateY(-50%);
        }
    }
    #scroller {
        width: 100%;
    }
    #pullUp {
        padding:0 10px;
        height:30px;
        line-height:30px;
        color:#888;
        text-align:center;
    }
	.order_item{
		display: -webkit-flex; /* Safari */
  		display: flex;
  		font-size: .24rem;
  		min-height: 1.7rem;
  		box-sizing:border-box;
		background-color: #fff;
		margin: 0 .25rem;
		padding: 0.25rem 0;
		border-bottom: 1px solid #ddd;
        flex-wrap: wrap;
        .items{
            width: 100%;
  			padding-left: .28rem;
            box-sizing: border-box;
            .item{
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: .28rem;
                .btn{
                    display: inline-block;
                    padding: .1rem .3rem;
                    box-sizing: border-box;
                    background-color: #d66767;
                    color: #fff;
                    border-radius: 20px;
                    font-size: .28rem;
                }
            }
            
        }
        .all-ok{
            width: 100%;
            text-align: center;
            margin-top: .32rem;
            .btn{
                display: inline-block;
                text-align: center;
                width: 60%;
                padding: .2rem .3rem;
                box-sizing: border-box;
                background-color: #d66767;
                color: #fff;
                border-radius: 20px;
                font-size: .28rem;
                &.gray{
                    background-color: #ccc;
                    color: #999;
                }
            }
        }
  		.info{
  			flex:550;
  			padding-left: .28rem;
  			p{
  				height: .6rem;
  				line-height: .6rem;
  				font-size: .24rem;
  				color: #999999;  			
  			}
  			.name{
  				font-size: .28rem;
  				color: #666;
                span{
                    margin-right: .1rem;
                }
  			}
  		}
  		.money{
  			flex:200;
  			p{
  				text-align: right;
  				height: .6rem;
  				line-height: .6rem;
  				font-size: 0.36rem;
  				color: #dc6060;
  			}
  			.status{
  				font-size: .24rem;
  				color: #67d672;
  			}
  			.status_deal{
  				color: #d66767;
  			}
  			.status_finish{
  				color: #d68467;
  			}
  		}
	}
}